/*公共框 begin*/
.big_box{
    width: 100%;
}
.center_box{
    padding: 0 5% 0 5%;
}
.little_box{
    width:100%;
}
/*公共框  end*/
/*logo  begin*/
.header_left{
    width: 50%;
    float: left;
}
.header_right{
    position:relative;
    width:50%;
    float: left;
}
.logo{
    width: 20%;
    padding: 20px 0px 20px 0;
    float: left;
}
.logo_text{
    padding: 30px 0px 20px 0;
}
.logo_text  p{
    font-size: 24px;
    color: red;
    padding-bottom: 8px;
}
.logo_text span {
    font-size: 24px;
    color: red;
}
.phone{
    position: absolute;
    float: right;
    top: 35px;
    right: 210px;
}
.phone_text{
    padding: 50px 0px 20px 0;
    float: right;
}
.phone_text p{
    font-size: 16px;
    color: red;
    padding-bottom: 8px;
}
.phone_text span {
    font-size: 16px;
    color: red;
}
/*logo  end*/
/*轮播 begin*/
.swiper-container-1 img{
    width: 100%;
}
.swiper-container-1{
    width: 100%;
    height: 500px;
}
.swiper-pagination-fraction{
    color: white;
    font-size: 20px;
    position: absolute;
    top: 450px;
    left: 50px;
    margin-left: 600px;
}
.swiper-button-prev-1:after{
    left: 1200px;
    bottom: -210px;
    position: absolute;
}
.swiper-button-next-1:after{
    bottom: -210px;
    position: absolute;
}
/*轮播 end*/
/*产品中心 轮播  begin*/
.products{
    padding: 59px 5% 0px 5%;
    overflow: hidden;
    margin: auto auto 50px auto;
}
.products_ >a{
    list-style-type: none;
}
.products_text  > h4{
    font-size: 30px;
    color: red;
    text-align: center;
}
.products_text > p {
    font-size: 16px;
    color: #605e5e;
    text-align: center;
    padding: 10px 0 10px 0;
}
.products_about > a > span {
    font-size: 28px;
    color: black;
}
.products_about span {
    display:none;
    font-size: 14px;
    text-indent: 2em;
    line-height: 20px;
    padding: 0 5%;}
.products_about > h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.products_about > p {
    font-size: 14px;
    line-height: 30px;
    padding: 0 5%;
}
.products_about > a > p {
    color: black;
    text-decoration: none;
    line-height: 20px;
    margin-top: 20px;
    font-size: 14px;
    position: relative;
    padding: 0 5%;
    text-align: right;
}
.products_about h3 {
    text-align: center;
    font-size: 20px;
    margin: 30px 0 20px  0;
}
.gallery-top,.gallery-thumbs{
    width: 50%;
    height:50%;
    background: #e1e0df;
    float: left;
}
.swiper-slide img{
    width: 100%;
    height: auto;
    vertical-align: middle;

}
.big_box > .products > .swiper-container {
    height: 350px;
    background: #e1e0df;
}
/*产品中心 轮播 end*/
/*工程案例  begin*/
.case{
    background: url(/images/case_back1.jpg) no-repeat;
    width: 100%;
    height: 550px;
    margin: 0 0 50px 0;
    position: relative;
    overflow: hidden;
}
.case_text{
    color:#fff;
    text-align: center;
}
.case_text > p {
    font-size: 30px;
    text-align: center;
}
.little_1_1{
    display: block;
    transform: rotate(45deg);
    width: 180px;
    height: 180px;
    overflow: hidden;
    background: red;
    position: absolute;
}
.little_1{
    display: block;
    transform: rotate(45deg);
    width: 180px;
    height: 180px;
    overflow: hidden;
    background: red;
    position: absolute;
}
.little_2 {
    width: 600px;
    overflow: hidden;
    height: 500px;
    transform: rotate(-45deg);
    background: url(/images/2010102211810871.jpg) no-repeat;
    background-size: 64%;
    left: -10px;
    top: -184px;
    position: absolute;
}
.little_3{ width: 200px;
    overflow: hidden;
    height: 200px;
    top: 25px;
    left: 42px;
    transform: rotate(1deg);
    position: relative;
    background: url(/images/project_bloak.png) no-repeat;
    background-size: 100%;
}
.little_4{
    width: 380px;
    overflow: hidden;
    height: 500px;
    transform: rotate(-45deg);
    background: url(/images/Engineering_5.jpg) no-repeat;
    background-size: 100%;
    top: -106px;
    left: 19px;
    position: absolute;
}
.little_5{     width: 500px;
    overflow: hidden;
    height: 500px;
    top: -150px;
    left: 6px;
    transform: rotate(-45deg);
    background: url(/images/Engineering_1.jpg) no-repeat;
    background-size: 100%;
    position: absolute;
}
.little_6{
    width: 500px;
    height: 500px;
    overflow: hidden;
    transform: rotate(-45deg);
    background: url(/images/Engineering_2.jpg) no-repeat;
    background-size: 110%;
    top: -146px;
    position: absolute;
}
.little_2:hover{
    background-size:80%;
    transition: all 3s;
}
.little_3:hover{
    background-size:100%;
    transition: all 3s;
}
.little_4:hover{
    background-size:80%;
    transition: all 3s;
}
.little_5:hover{
    background-size:80%;
    transition: all 3s;
}
.little_6:hover{
    background-size:95%;
    transition: all 3s;
}
.case_bottom_text{width: 200px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    transform: rotate(-45deg);
    margin: 37px 0 0 -18px;
}
.case_bottom_text  > a {
    text-decoration: none;
    color: white;}
.case_bottom_text   > span{
    font-size: 18px;
    color: white;
}
.case_bottom_text   > p {
    font-size: 24px;
    color: white;
}
#door2 {
    top: 320px;
    left: 912px;
}
#door2   .case_text_b > p{
    left: 38px;}
#door3 {
    top: 172px;
    left: 774px;
}
#door4 {
    top: 320px;
    left: 634px;
}
#door5 {
    top: 172px;
    left: 492px;
}
#door6 {
    top: 172px;
    left:1050px;
}
.case_text_b{
    position: absolute;
    z-index: 5;
    font-size: 16px;
    left: 58%;
    color: white;
    top: 57%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.case_text_b > p > a{
    color: white;
}
/*工程案例*/
/*底部 begin*/
.bottom{
    height: 215px;
    box-sizing: border-box;
    padding: 0 5% 15px 5%;
    background:rgb(3,92,195);
    color:white;
}
.bottom_logo{
    float:left;
    padding: 20px 50px 0px 50px;
}
.bottom_text{
    float: left;
    padding: 20px 50px 0px 50px;
}
.bottom_about{
    float:left;
    padding: 0px 30px;}
.bottom_project{
    float:left;
    padding: 0px 30px;
}
.bottom_product{
    float: left;
    padding: 0px 30px;
}
.bottom_callme{
    float: left;
    padding: 0 30px;
}
.bottom_code{
    padding-top: 20px;
    float: right;}
.bottom_code img{
    width: 100px;
    height: 100px;}
.bottom_about   > a {
    color: white;   }
.bottom_callme  > a {
    color: white;   }
.bottom_product > a {
    color: white;   }
.bottom_project > a {
    color: white;   }
.bottom_text{
    padding-left: 120px;
    line-height: 26px;}
.bottom_copy{padding: 0 5% 0 5%;
    height: 30px;
    background:#054b9b;

}
.bottom_copyright{
    width: 50%;
    text-align:left;
    line-height: 30px;
    color: white;
    float: left;
}
.bottom_technology p {
    text-align: right;
    width: 50%;
    float: left;
    line-height: 30px;
    color: white;
}
.bottom_text  li a{
    color:white;
    text-decoration:white;}
.products_about a {
    text-decoration: none;}
.bottom_text  a:hover{
    color: red;}
.top_text{
    font-size: 18px;}
.bottom_product a > li {
    color: white;
    text-decoration:yellow;}
/*底部end*/

/*媒体查询*/
@media all and (max-width: 1440px) {
    .case {width: 100%;
        background: url(/images/case_background_3.jpg) no-repeat;
    }
    #door5 {
        top: 128px;
        left: 282px;
    }
    #door3 {
        top: 128px;
        left: 558px;
    }
    #door6 {
        top: 128px;
        left: 830px;
    }
    #door4 {
        top: 280px;
        left: 420px;
    }
    #door2 {
        top: 280px;
        left: 694px;
    }
}
@media all and (max-width: 650px) {
    .nav_list{
        display: none;}
    .header_right{
        display:none;}
    /*header begin*/
    .header_left{
        width: 100%;}
    .logo{
        width:30%;
        padding: 22px 0 0 0; }
    .logo_text{width: 70%;
        padding-top: 40px;
        float: right;}
    .logo_text span, .logo_text p{
        font-size: 18px;}
    .phone{
        display: none;
    }
    .phone_text{position: absolute;
        display: none;
        top: 106px;
        left: 144px;
    }
    .case_bottom_text > a > span{
        font-size: 5px;
    }
    .case{
        height: 430px;
    }
    .case_bottom_text > a > p{
        font-size: 10px;
    }
    /*header end*/
    /*导航栏begin*/
    .m-nav-list > a{ color: white;}
    .nav_list{
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        background: blue;
        line-height: 50px;
        float: left;
    }

    /*导航栏 end*/
/*轮播 begin*/
    .swiper-container-1 > .swiper-button-next,.swiper-container-1 > .swiper-button-prev {
        display: none;
    }

    .swiper-container-1{
        height:20%;
    }
    .swiper-container{width: 100%;
    height: 30%;
    overflow: hidden;
    }
    .gallery-top,.products_text {display: none;}
    .products_about > a > p{
        top: -12px;
        left: -520px;
    }
    .products_about > p {
        display: block;
        font-size: 14px;
        height: 180px;
        padding: 0;
        overflow: hidden;
        position: relative;
    }
    .products_about h3 {
        font-size: 20px;
        position: relative;
        margin: 10px 0 10px 0;
    }
    .products_about span {
        display: block;
        font-size: 14px;

        text-indent: 2em;
        top: -50px;
        line-height: 20px;
        padding: 5px 5%;
    }
    .products {
        padding: 10px 0;
        margin: 0;
    }
    .swiper-slide-visible > a > p{
        top:-50px;
        position: absolute;
    }
    .swiper-slide-active   > a > p{
        top:-50px;
        position: absolute;
    }
    .swiper-slide-thumb-active > a > p{
        top:-50px;
        position: absolute;
    }
    .swiper-container img {
        width: 100%;
        height: 100%;
    }
    .swiper-slide .products_about > a > p {
        position: relative;
        left: 0;
    }
    .gallery-thumbs{
        width: 100%;
        height:30%;
    }
    .gallery-top{
        width: 100%;
        height: 30%;
    }
    .big_box > .products > .swiper-container {
        height:auto;
    }
    /*轮播 end*/
/*工程案例begin*/
    .center_box{
        padding: 0;
    }
    .case_text > p{
        left: 0;
    }
    .case_text span{
        left: 20px;
    }
    .case_text{
        position: absolute;
        left: 136px;
    }
    .little_1 {
        width: 120px;
        height: 120px;
        overflow: hidden;
        background: red;
    }
    #door2{
        top: 274px;
        left: -28px;
        float: right;
        position: relative;
    }
    #door3{
        top: 86px;
        left: 32px;
    }
    #door4{
        top: 274px;
        left: 32px;
    }
    #door5{
        top: 88px;
        left: 92px;
        float: right;
        position: relative;
    }
    #door6{
        top: 180px;
        left: 122px;
    }
    .little_2{
        width: 750px;
        position: relative;
        top: -363px;
        left: -120px;
    }
    #door2   .case_text_b > p{
        left: 10px;
    }
    .little_3{
        display: none;
    }
    .little_4{
        width: 200px;
        top: -98px;
        left: 62px;
        position: inherit;
    }
    .little_4:hover{background-size: 105%;}
    .little_5{
        left: -74px;
    }
    .little_6{
        width: 600px;
        position: relative;
        top: -250px;
    }
    .case_text_b > a { text-decoration: none;
    }
    .case_text_b > p {
        transform: rotate(0deg);
        width: 100%;
        left: 25px;
    }
    .case_text_b > p {
        left: 36px;
        width: 100%;
        transform: rotate(0deg);
        font-size: 14px;
    }
    .case_bottom_text {
        position: relative;
        left: -27px;
        top: -27px;
    }
    .case_bottom_text > span {
        font-size: 14px;
    }
    .case_bottom_text > p {font-size: 18px;}
    /*工程案例 end*/
        /*底部 begin*/
    .bottom_product, .bottom_project, .bottom_about{ display: none;}
    .bottom{float: left;
        height:100%;
    }
    .bottom_logo{
        clear: both;
        width: 50%;
        padding: 20px 0 0 0;
    }
    .bottom_code{
        font-size: 12px;
        padding-left: 234px;
        position: absolute;
    }
    .bottom_about{
        width: 100%;
        padding: 0;
    }
    .bottom_about .top_text{
        width: 100%;
        padding: 20px 0 10px 0;
    }
    .bottom_about li {
        float: left;
        width: 33%;
    }
    .bottom_project .top_text{
        width: 100%;
        padding: 20px 0 10px 0;
    }
    .bottom_project li {
        float: left;
        width: 50%;
    }
    .bottom_product .top_text{
        width: 100%;
        padding: 20px 0 10px 0;
    }
    .bottom_product li {
        float: left;
        width: 33%;
    }
    .bottom_callme .top_text {
        width: 100%;
        padding: 20px 0 10px 0;
    }
    .bottom_project{
        width: 100%;
        padding: 0;
    }
    .bottom_product{
        width: 100%;
        padding: 0;
    }
    .bottom_callme{
        width: 100%;
        padding: 0;
    }
    .bottom_text{
        padding: 20px 0 0 0px;
        margin: 0;
    }
    .bottom_copy{
        height:100%;
        float: left;
    }
    .bottom_code > p{width: 100px; }
    .bottom_copyright{
        width:100%;
        float: left;
    }
    .bottom_technology{
        width:100%;
    }
    .bottom_technology p {
        width: 100%;
        text-align: left;
    }
    /*底部 end*/

}